//柱状图
var width;
var height;
var myChart;
$(function () {
    //自适应设置
//      $("#jxkh").css("width","100%");  
//      console.log(height);
    window.setTimeout(function(){
        setEcharts();
    },500);

});

function setEcharts() {
    myChart = echarts.init(document.getElementById('jxkh'));
    //自适应
    window.onresize = myChart.resize;
    var deptId = $("#deptId").val();
    var url = '/jxkh/evaluation/echartsData.json?deptId=@&name=#'.replace("@", deptId).replace("#",$("#name").val());
    var names = "";
    var datas = "";
    //异步加载数据
    $.get(url).done(function (data) {
        $("#deptId").val(data.deptId);
        names = data.data.name;
        datas = data.data.data;
        myChart.setOption({
            title: {
                text: '部门平均分',
                y: '0px',
                textStyle: {
                    fontSize: 18,
                    fontWeight: 'normal', //标题颜色
                    color: '#000'
                },
            },

            tooltip : {
                trigger: 'axis',
                axisPointer : {            // 坐标轴指示器，坐标轴触发有效
                    type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
                }
            },
            grid: {
                left: '0',
                right: '0',
                bottom: '0',
                containLabel: true
            },
            grid:{
                y2:30  //x轴坐标文字的高度
            },
            xAxis : [
                {
                    type : 'category',
                    data : names,
                    axisLine: {
                        lineStyle: {
                            type: 'solid',
//								color: '', //右边线的颜色
                            width: '1' //坐标线的宽度
                        }
                    },
                    //设置字体倾斜
                    axisLabel:{
                        fontSize:'15',
                        textStyle:{
                            fontWeight:"bolder",
                            color:"#333"
                        }
                    },
                }
            ],
            yAxis : [
                {
                    type : 'value',
                    splitLine:{ show: true},
                    axisLine: {
                        lineStyle: {
                            type: 'solid',
                            color: '#999', //左边线的颜色
                            width: '0' //坐标线的宽度
                        }
                    },
                    splitArea : {show : false}
                }
            ],
            series : [

                {
                    name:'',
                    type:'bar',
                    data:datas,
                    //顶部数字展示pzr
                    itemStyle: {
                        normal: {
                            color: function(params) {
                                var colorList = [
                                    '#ffba00','#00aeff','#6acc71','#ff6060'
                                ];
                                return colorList[params.dataIndex]
                            },

                            label: {
                                show: true,//是否展示
                                position: 'top',
                                textStyle: {
                                    fontSize : '16',
                                    color: '#666',
                                    fontFamily : '微软雅黑',
                                }
                            }
                        }
                    },
                }
            ]
        });
    });
    var ecConfig = echarts.config;
    myChart.on("click", eConsole);
}
